*{margin:0;padding:0;font-size:14px;font-family: "微软雅黑";box-sizing: border-box;}
html,body{width:100%;height:100%;}
#xmind{
    width:100%;
    height:90%;
    position: relative;
    overflow: hidden;
    background-color: #FBFBFB;
    z-index:1;
}

.xmd-dCanvas{
    position:absolute;
    top:-50%;
    left:-50%;
    width:200%;
    height:200%;
    transform: scale(1);
    z-index:2;
}

.xmd-node{
    display:inline-block;
    padding:0px;
    border-radius:2px;
    cursor: pointer;
    background-color:#fff;
    /* box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px 0px; */
    /* border:2px solid #3BA9F6; */
    border-color:#207CFC;
    border-width:2px;
    border-style:solid;
    border-radius: 4px;
    position: absolute;
    user-select:none;
    z-index:10;
    pointer-events: auto;
    box-sizing: border-box;
}

.xmd-node-highlight{
    border-width: 3px;
    box-shadow: 0px 2px 8px 0px rgba(140, 140, 140, 1);
}

.xmd-node-highlight-rule{
    border-width: 3px;
    /* box-shadow: 0px 2px 8px 0px #207CFC */
}

.xmd-node-highlight-rule .xmd-node-txtMain span{
    color:#207CFC
}

.xmd-node-highlight-compute{
    border-width: 3px;
    /* box-shadow: 0px 2px 8px 0px #fb685c */
}

.xmd-node-highlight-compute .xmd-node-txtMain span{
    color:#207CFC
}

.xmd-node-highlight-resource{
    border-width: 3px;
    /* box-shadow: 0px 2px 8px 0px #f9bb1f */
}

.xmd-node-highlight-resource .xmd-node-txtMain span{
    color:#207CFC
}

.xmd-node-highlight-general{
    border-width: 3px;
    box-shadow: 0px 2px 8px 0px #207cfc
}

.xmd-node-highlight-general .xmd-node-txtMain span{
    color:#207CFC
}

.xmd-node-active{
    border-width: 3px;
    box-shadow: 0px 2px 8px 0px rgba(140, 140, 140, 1);
}



.xmd-node-root{
    background-color:#207CFC;
}

.xmd-node-root .xmd-node-txt{
    font-size:18px;
    color:#fff;
    padding:20px 40px;
}

.xmd-node-root .xmd-hasIcon .xmd-node-txt{
    font-size:18px;
    color:#fff;
    padding: 0;
    font-weight: bold;
}

.xmd-node-root .xmd-node-icon{
    display:none;
}
.xmd-node-root .xmd-hasIcon .xmd-node-icon{
    height : 54px;
    line-height : 54px;
    display: block;
    background-position:13px 15px;
    
}

.xmd-node-root .xmd-hasIcon .xmd-node-txt{
    height : 54px;
    line-height : 54px;
}

.xmd-node-root .xmd-node-status{
    display:none;
}
.xmd-node-root .xmd-hasIcon .xmd-node-status{
    height : 54px;
    display: block;
} 

.xmd-svg{
    width:100%;
    height:100%;
    position:absolute;
    top:0px;
    left:0px;
    z-index:-1; 
    pointer-events: none;
}

.xmd-svg-automatic{
    z-index:-2; 
    position:absolute;
    top:0px;
    left:0px;
    z-index:-1; 
    pointer-events: none;
}

.xmd-svg-svgDirection{
    z-index:1000; 
    position:absolute;
    top:0px;
    left:0px; 
    pointer-events: none;
}

.xmd-svg-automatic-direction{ 
    z-index:10;
    position:absolute;
    top:0px;
    left:0px;
    /* z-index:-1;  */
    pointer-events: none;
    /* background-color:rgba(140, 140, 140, .5) */
}

#svgAllmain{
    width:100%;height:100%;position:absolute;top:0;left:0;
}

.xmd-svg_contact{
    width:100%;
    height:100%;
    position:absolute;
    top:0px;
    left:0px;
    z-index:11; 
    pointer-events: none;
}

#svgTemporary{
    z-index:10;
}

#svgTemporaryEl{
    position:absolute;
    left:0;
    top:0;
    z-index:1;
}

.xmd-drawDiv{
    display:inline-block;
    /* padding:14px 36px; */
    border-radius:1px;
    cursor: pointer;
    background:rgba(229,229,229,.8);
    position: fixed;
    top: 0px;
    left: 0px;
    z-index:1;
    color:rgba(77,77,77,.8);
    border:2px solid rgba(59,168,246,.8);
    border-radius: 4px;
    pointer-events: none;
    overflow: hidden;
    text-overflow:ellipsis;
	white-space:nowrap
    /* opacity: 0.64; */
}
/* .xmd-drawDiv:after{
    position: absolute;
    top:-2px;
    left:-2px;
    width:calc(100% + 4px);
    height:calc(100% + 4px);
    background-color:rgba(255,255,255,.64);
    border-radius: 4px;
    content:"\20"
} */

.xmd-edit{
    position: absolute;
    top:4px;
    left:5px;
    z-index:12;
    color:#fff;
    width:calc(100% - 10px);
    padding:0 10px;
    height:calc(40px);
    background-color:#5288F5;
    border:none;
}

.xmd-active{
    /* border-color:rgba(59,168,246,.3); */
    /* background:rgba(59,168,246,.3);
    color:rgba(59,168,246,1); */
    /* border-width: 3px; */
}
.xmd-active .xmd-node-txt{
    /* color:rgba(59,168,246,1); */
}

.xmd-hasIcon .xmd-node-main{
    height:50px;
    width:100%;
    /* overflow: hidden; */
    position: relative;
}

.xmd-node .xmd-node-icon{
    display: none;
    position:relative;
}

.xmd-hasIcon .xmd-node-icon{
    float:left;
    /* background-image: url('../img/test/rule.png'); */
    background-repeat: no-repeat;
    background-position: 13px 12px;
    width:46px;
    height:46px;
    background-color:#207CFC;
    position:absolute;
    left:-1px;
    top:-1px;
    display: block;
    background-size:24px;
}

.xmd-hasIcon .xmd-test-img{
    /* background-image: url('../img/node-icon2.png'); */
    background-color:#207CFC;
}

.xmd-hasIcon .xmd-nodeIndex{
    width:10px;
    height:10px;
    position:absolute;
    top:0px;
    left:12px;
    line-height:12px;
    text-align: center;
    -webkit-text-size-adjust:none;
    -webkit-transform:scale(0.6);
    font-size:6px;
    color:#fff;
}

.xmd-hasIcon .xmd-nodePriority{
    width:10px;
    height:10px;
    background:#FFF;
    position:absolute;
    top:0.5px;
    left:1px;
    border-radius: 1px;
    overflow: hidden;
    text-align: center;
}
.xmd-hasIcon .xmd-nodePriority-p{
    -webkit-transform:scale(0.7);
    font-size:4px;
    line-height:10px;
    text-align: center;
}
.xmd-nodePriority-mpd{padding-right:4px;}
.xmd-nodePriority-l{
    color:#EFCB71;
}
.xmd-nodePriority-m{
    color:#05A2F3;
}
.xmd-nodePriority-h{
    color:#207CFC;
}

.xmd-node-txt{
    padding:16px 36px;
    display: table;
    overflow: hidden;

}

.xmd-node-txt111{
    display:block;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    line-height:44px;
}

.xmd-node-txtMain{
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
}

.xmd-node-txtMain span{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height:22px
}

.xmd-hasIcon .xmd-node-txt{
    float:left;
    height:44px;
    /* line-height:44px; */
    margin: 0 5px 0 50px;
    padding:0;
    color:#222426;
}

.xmd-hasIcon .xmd-node-status{
    float:right;
    height:44px;
    width:25px;
    background-repeat:no-repeat;
    background-position: center;
    background-size:15px;
}

.xmd-node-opt{
    position:absolute;
    top:-2px;
    left:-2px;
    width:calc(100% + 4px);
    height:calc(100% + 4px);
    z-index:11;
}

.xmd-node-in{
    position:absolute;
    top:-2px;
    left:-2px;
    width:calc(100% + 4px);
    height:calc(100% + 4px);
    z-index:12;
    display: none;
    /* pointer-events: none; */
    /* background-color:red; */
}

.xmd-node-in.active{
    border:2px solid #F6753B;
    border-radius: 4px;
}

.xmd-node-up{
    position:absolute;
    top:-14px;
    left:0px;
    width:100%;
    height:14px;
    /* background-color:blue; */
}

.xmd-node-up.active,.xmd-node-down.active{
    background-color:#F6753B;
}

.xmd-node-down{
    position:absolute;
    top:100%;
    left:0px;
    width:100%;
    height:14px;
    /* background-color:green; */
}

.xmd-node-down .active{
    background-color:#F6753B;
}

.xmd-vbox{
    position:absolute;
    top:0px;
    left:0px;
    z-index:11;
    width:70px;
    height:20px;
    border: 2px solid #F6753B;
    background-color:#FFBC9F;
    border-radius: 4px;
}

.xmd-node-pull-l{
    position:absolute;
    top:0px;
    left: -40px;
    z-index:-1;
    width:16px;
    height:16px;
    border-radius:8px;
    transition: color .25s;
    display:none;
    pointer-events: auto;
}

.xmd-node-pull-r{
    position:absolute;
    top:0px;
    right: -40px;
    z-index:-1;
    width:16px;
    height:16px;
    transition: color .25s;
    display:none;
    pointer-events: auto;
    
}

/* .xmd-node-pull-l:hover,.xmd-node-pull-r:hover{
    background-color:#fff;
    color:#409eff
} */

.xmd-node-pull-plus{
    /* background-color:#207CFC; */
    background-image: url('../img/plus.png');
    background-size: 16px;
}

.xmd-node-pull-remove{
    /* background-color:#fff; */
    background-image: url('../img/reduce.png');
    background-size: 16px;
}

.xmd-node-pull-plus,.xmd-node-pull-remove{
    z-index:10;
    display:block;
}

/* .xmd-node-pull-plus:before{
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 8px;
    margin-left: -4px;
    margin-top: -0.5px;
    border-top: 2px solid #fff;
}

.xmd-node-pull-plus:after{
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    height: 8px;
    margin-left: -0.45px;
    margin-top: -4px;
    border-left: 2px solid #fff;
} */

/* .xmd-node-pull-remove:before{
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 8px;
    margin-left: -4px;
    margin-top: -0.8px;
    border-top: 2px solid ;
} */

.xmd-contentMenu{
    position        : fixed;
    min-width       : 50px;
    /* min-height      : 10px; */
    background-color: #fff;
    box-shadow      : 0px 2px 4px 0px rgba(62, 81, 94, 0.5);
    transition      : all 200ms ease-in-out;
    border-radius   : 4px;
    z-index         : 10;
    /* padding         : 8px 8px; */
    overflow        :hidden;
	text-overflow   :ellipsis;
	white-space     :nowrap
}

.xmd-cntItem{
    padding     : 8px 8px 8px 28px;
    font-size   : 12px;
    line-height : 12px;
    cursor      : pointer;
    transition  : all 120ms ease-in-out;
    /* background-image: url('../img/cntMenu/default/add.png'); */
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: 16px 9px;
    color:#525E71;
}
.xmd-cntItem:hover{
    /* background-image: url('../img/cntMenu/active/add.png'); */
    background-color:#207CFC;
    color:#fff;
}
.xmd-icon-cntMenu-add{
    background-image: url('../img/cntMenu/default/add.png');
}
.xmd-icon-cntMenu-add:hover{
    background-image: url('../img/cntMenu/active/add.png');
}

.xmd-icon-cntMenu-del{
    background-image: url('../img/cntMenu/default/del.png');
}
.xmd-icon-cntMenu-del:hover{
    background-image: url('../img/cntMenu/active/del.png');
}

.xmd-cntItem-lineDown{
    border-bottom:1px solid #ededed;
}

.xmd-cntItem-lineUp{
    border-top:1px solid #ededed;
}

.xmd-menu{
    position: fixed;
    top:20px;
    left:50%;
    z-index:999;
}
.xmd-menu a{
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    background: #fff;
    border: 1px solid #dcdfe6;
    color: #606266;
    -webkit-appearance: none;
    text-align: center;
    box-sizing: border-box;
    outline: none;
    margin: 0;
    transition: .1s;
    font-weight: 500;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    padding: 12px 20px;
    font-size: 14px;
    border-radius: 4px;
    text-decoration:none;
}

.xmd-menu a:hover{
    background-color:#f2f9ff;
    color:#3BA9F6;
    
}

.eyeCls{
    position:fixed;
    bottom:10px;
    right:10px;
    width:200px;
    height:150px;
    line-height:150px;
    text-align: center;
    background-color:#fff;
    box-shadow: 0px 2px 4px 0px rgba(62, 81, 94, 0.5);
    border-radius: 4px;
    z-index:99;
    overflow: hidden;
    user-select: none;
    background-image: url('../img/yingyan.png');
    background-repeat: no-repeat;
    background-size:100%;
}

.eyeBoxCls{
    position:absolute;
    left:25px;
    top:25px;
    width:150px;
    height:100px;
    border:1px solid #207CFC;
    border-radius: 4px;
    cursor: pointer;
    
    
}

.canvasCutImgCls{
    /* position:fixed;
    top :0;
    left:0;
    z-index:999 */
    /* z-index:-1111; */
    /* opacity:0; */
}

#svgDirectionCanvas{
    /* pointer-events: none; */
}
#svgDirection{
    pointer-events: none;
}